﻿<UserControl x:Class="ElencySolutions.ImageMap.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    d:DesignHeight="450" d:DesignWidth="730" xmlns:dataInput="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Data.Input" Loaded="UserControl_Loaded" KeyDown="UserControl_KeyDown" KeyUp="UserControl_KeyUp" HorizontalContentAlignment="Left" VerticalContentAlignment="Top" VerticalAlignment="Top" HorizontalAlignment="Left">

    <Grid x:Name="LayoutRoot" Background="White" Height="362" Width="720">
        <Canvas Height="173" HorizontalAlignment="Left" Margin="11,221,0,0" Name="canvas1" VerticalAlignment="Top" Width="705" MouseLeftButtonDown="canvas1_MouseLeftButtonDown" MouseLeftButtonUp="canvas1_MouseLeftButtonUp" />
        <Button Height="30" HorizontalAlignment="Left" Margin="12,182,0,0" Name="CreateShapeButton" VerticalAlignment="Top" Width="36" Click="CreateShapeButton_Click" HorizontalContentAlignment="Left" VerticalContentAlignment="Top">
            <Image Source="/ElencySolutions.ImageMap;component/ButtonImages/Polygon.png" Stretch="None" />            
        </Button>
        <Button Height="30" HorizontalAlignment="Left" Margin="52,182,0,0" Name="EllipseButton" VerticalAlignment="Top" Width="36" Click="EllipseButton_Click" HorizontalContentAlignment="Left" VerticalContentAlignment="Top">
            <Image Source="/ElencySolutions.ImageMap;component/ButtonImages/Circle.png" Stretch="None" />
        </Button>
        <Button Height="30" HorizontalAlignment="Left" Margin="92,182,0,0" Name="RectangleButton" VerticalAlignment="Top" Width="36" Click="RectangleButton_Click" HorizontalContentAlignment="Left" VerticalContentAlignment="Top">
            <Image Source="/ElencySolutions.ImageMap;component/ButtonImages/Rectangle.png" Stretch="None" />
        </Button>
        <Button Content="Preview" Height="23" HorizontalAlignment="Left" Margin="556,182,0,0" Name="RedrawButton" VerticalAlignment="Top" Width="75" Click="RedrawButton_Click" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" BorderThickness="1" Opacity="1" Visibility="Visible">
        </Button>
        <Button Content="OK" Height="23" HorizontalAlignment="Left" Margin="637,182,0,0" Name="OKButton" VerticalAlignment="Top" Width="75" Click="OKButton_Click" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" BorderThickness="1" Opacity="1" Visibility="Visible">
        </Button>
        <ScrollViewer Height="131" HorizontalAlignment="Left" Margin="12,42,0,0" Name="RegionsViewer" VerticalAlignment="Top" Width="700">
            <Grid Height="120" Name="RegionsAndShapesGrid" Width="700" HorizontalAlignment="Left" VerticalAlignment="Top">
                <Grid.ColumnDefinitions>
                    <ColumnDefinition Width="683*" />
                    <ColumnDefinition Width="13*" />
                </Grid.ColumnDefinitions>
                <Canvas Height="120" HorizontalAlignment="Left" Name="RegionsAndShapesCanvas" VerticalAlignment="Top" Width="671" />
            </Grid>
        </ScrollViewer>
        <dataInput:Label Height="19" HorizontalAlignment="Left" Margin="12,12,0,0" Name="HeadingLabel" VerticalAlignment="Top" Width="267" FontWeight="Bold" FontSize="13" Content="Image Map Editor" />
        <dataInput:Label Height="19" HorizontalAlignment="Left" Margin="135,188,0,0" Name="InformationLabel" VerticalAlignment="Top" Width="406" Content="Press Shift + Left Click to complete the polygon" />
    </Grid>
</UserControl>
